<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width,user-scalable=no" name="viewport">
<title>如何判断是否是微信打开</title>
<!-- 在开发项目的时候不免会和微信浏览器打交道
那我们如何判断网页打开是否是微信呢？
我们通过请求头信息中的HTTP_USER_AGENT来判断
如果是来自微信浏览器的请求
请求头信息中就会包含‘MicroMessenger’字段
也会有当前微信的版本 -->
</head>
<body>
<div class="box">
<div id="weixin" style="display: none;">
    微信打开，请用浏览器打开
</div>
<div id="no_weixin" style="display: none;">
    非微信打开
</div>
</div>
<script>
function isWxClient(){
    // 首先，我们获取请求头部的HTTP_USER_AGENT
    var ua = window.navigator.userAgent.toLowerCase();
    // 然后对比是否包含micromessenger
    // 包含就是微信浏览器不包含就不是
    if(ua.match(/MicroMessenger/i) == 'micromessenger'){
        return true;
    }else{
        return false;
    }
}
if(isWxClient())
{
    document.getElementById('weixin').style.display="block";
}
else
{
    document.getElementById("no_weixin").style.display="block";
}
</script>
</body>
</html>